<template>
	<view class="page" :style="'height:'+ screenHeight +'px !important;'">
		<navigator v-for="(item,index) in 5" :key="index" class="item" url="" hover-class="none">
			<image class="lf" src="../../static/xiaoxi-icon.png"></image>
			<view class="rt">
				<view class="title-date">
					<view class="title">
						系统通知
					</view>
					<view class="date">
						11-20
					</view>
				</view>
				<view class="cont">
					这是消息内容这是消息内容这是消息内容这是这是消息内容这是消息内容这是消息内容这是…
				</view>
			</view>
		</navigator>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				screenHeight: '',
			}
		},
		onLoad() {
			this.screenHeight = uni.getSystemInfoSync().windowHeight;
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	@import 'message.scss';
</style>
